﻿<%@ page language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Login</title>
<!-- Custom Theme files -->
<%-- <link href="${contextPath}/resources/css/login.css" rel="stylesheet" type="text/css" media="all"/> --%>
<!-- Custom Theme files -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src='${contextPath}/resources/assets/js/jquery.js'></script>
<script type="text/javascript">
    var contextPath = '${contextPath}';
    $(function(){
        //屏蔽右键
        $(document).bind('contextmenu',function(e){
            e.preventDefault();
        });
        bindHotKey();
    });
    
    function bindHotKey(){
        
    	$(document).keyup(function(event){
    		  if(event.keyCode ==13){
    			  dologin();
    		  }
    		});
    };

    function dologin(){
    	$("#loginForm").submit();
    } 
</script>
<style type="text/css">
	body{
	   background: url(${contextPath}/resources/images/login.png);
	   background-size:100% 100%;
	   padding:0;
	   width:100%;
	   height:99%;
	   font-family: 'Roboto', sans-serif;
	   font-size: 100%;
	   margin:0;
	}
	#formContainer{
		position:relative;
		padding-top:7%;
		/* width:40%;
		height:40%;
		border:solid 1px #D3D3D3;
		margin-left:50%;
		margin-top:15%; */
	}
	#loginForm{
		padding-top:5%;
		width:40%;
		position:relative;
		margin-left:45%;
		top:20%;
		border:solid 1px #D3D3D3;
		height:30%;
		background:#fff;
		min-width:770px;
		min-height:340px;
		/* text-align:center; */
	}
	#logintitle{
		position:relative;
		width:20%;
		margin-left:55%;
		min-width:380px;
	}
	#userName{
		position:relative;
		height:50px;
		display:block;
		width:60%;
		margin-left:20%;
		min-width:350px;
		color:grey;
		padding-left:20px;
		font-size:18px;
		z-index:100;
	}
	#passwd{
		position:relative;
		margin-top:30px;
		height:50px;
		display:block;
		width:60%;
		margin-left:20%;
		min-width:350px;
		color:grey;
		padding-left:20px;
		font-size:18px;
		z-index:100;
	}
	#loginBtn{
		position:relative;
		margin-top:30px;
		width:60%; 
		min-width:350px;
		height:40px;
		font-size:18px;
		background:linear-gradient(to bottom, #96BAD4, #005D80);
		border-radius:10px;
		color:white;
		margin-left:20%;
		z-index:100;
	}
	#login2Img{
		position:absolute;
		z-index:50;
		width:100%;
	  	height:99%;
	}
</style>
<!--Google Fonts-->
</head>
<body>
<img id="login2Img" src='${contextPath}/resources/images/login2.png'>
<div class="login">
   <%-- <div style="text-align: center">
	<img src="${contextPath}/resources/img/logo_login.png"/>
   </div> --%>
	<%-- <div class="login-top">
		<h1></h1>
		<form id="loginForm" action="login" method="post">
			<input type="text" name="username" value="用户名" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '用户名';}">
			<input type="password" name="password" value="password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'password';}">
	    </form>
	    <span style="float:left;color: red;">
					   ${message }
					   </span>
	    <div class="forgot">
	    	<a href="#">忘记密码</a>
	    	<input type="submit" value="登录" onclick="dologin();">
	    </div>
	</div>
	<div class="login-bottom">
		<h3>新用户 &nbsp;<a href="#">注册</a>&nbsp 点击这里</h3>
	</div> --%>
	<div id='formContainer'>
		<img id='logintitle' src="${contextPath}/resources/images/logintitle.png">
		<form id="loginForm" action="login" method="post">
			<input id='userName' type="text" name="username" value="用户名" onfocus="this.value='';" onblur="if(this.value == ''){this.value = '用户名';}">
			<input id='passwd' type="password" name="password" value="password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'password';}">
			<%-- <span style="color: red;display:block;">
				${message }
			</span> --%>
			<button id='loginBtn' type="submit" onclick="dologin()">登&nbsp;&nbsp;&nbsp;录</button>
			<!-- <input type="submit" value="登录" onclick="dologin();"> -->
		</form>
	</div>
	
</div>	
<div class="copyright">
<!--  
	<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a> - More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></p>
-->	
</div>


</body>
</html>